﻿html{-webkit-text-size-adjust:none;} 
body{margin:0px; padding:0px; font-size: 12px; font-family:"微软雅黑", Tahoma;background:url(../Images/bg.jpg);}
img { border:0px; }
a { color:#000; text-decoration:none; }
a:hover{text-decoration:none; }
ul { margin:0px; padding:0px; }
li { list-style-type:none; }
.End{ font:0px/0px Sans-Serif; clear:both; display:block;}
p{font-style:normal;}
*{ font-style:normal;}

.head{height:212px; background:url(../images/top_01_r5ju.png) no-repeat top center;}
.top{ width:1100px; margin:0 auto;}
.logo{ width:232px; height:137px; float:left; background:url(../images/logobac_02_0jd5.png) no-repeat;}
.top_l{ width:444px; float:left; margin-top:50px;}
.top_r{ width:324px; float:right; margin-top:50px;}
.top_r .phone{ float:right; width:185px; background:url(../images/logo_10_hexp.png) no-repeat left center; text-align:right; color:#FD514C;}
.top_r .phone span{ font-size:18px; font-weight:bold;}

.nav{width:1100px;height:44px;margin:0 auto; text-align:center; margin-top:17px;}
.nav .menu{ width:131px; float:left;}
.nav .line{ width:30px; float:left;}
.nav .menu p{ margin:0px; padding:0px; font-size:10px; font-family:Arial; color:#E77F84;}
.nav .menu a{color:#fff; font-size:16px; display:block; width:100px; margin:0 auto; text-align:right;}
.nav .menu a img{ padding-right:5px;}
.nav .menu a:hover{ font-weight:bold;}

.banner{ height:552px; background:url(../images/banner_02_nbbr.jpg) no-repeat top center;}

.dingwei{width:1100px;  margin:0 auto;position:relative; }
.search{ width:1100px; height:139px; position:absolute; bottom:-70px; }
.search_l{ width:225px; height:139px; float:left; background:url(../images/top_03_p87t.png) no-repeat top center; text-align:center; color:#D1989A; font-size:14px; line-height:25px;}
.search_l span{ font-size:20px;color:#fff; font-weight:bold;}

.search_r{ width:860px; float:right; height:49px; line-height:49px; background:url(../images/top_06_z3ce.png) no-repeat top center; margin-top:90px;}
.search_form{ width:470px; float:left; padding-left:10px;}
.search_form .key_text{ height:28px; line-height:28px; border:none; background:#fff; width:380px; padding-left:10px;}
.search_key{ width:355px; float:right;}
.key_sub{ width:70px; background:#BB242B; border:none;height:28px; line-height:28px; color:#fff; cursor:pointer; }
.search_key span{ font-size:12px; color:#D65B60; padding-left:5px;}
.search_key{color:#ECCFCF;}
.search_key a{color:#ECCFCF;}

.main{ width:1100px; margin:0 auto;}
.search_rr{ width:860px; float:right; height:49px; line-height:49px; border-bottom:1px #E5E5E5 solid;  margin-top:90px; font-size:14px;}
.main_left{ width:225px; float:left;}
.main_right{width:860px; float:right;}

.main_left ul li a{ width:200px; margin:0 auto; display:block; height:40px; line-height:40px; background:#36373B; text-align:center; color:#fff; font-size:14px; margin-bottom:10px;}
.main_left ul li a:hover{color:#fff;display:block;background:#BB242B;}

.news{ width:434px; float:left;}
.news_title{height:42px;background:url(../images/img1.jpg) no-repeat top center;}
.news_title a{ display:block; width:50px; height:42px; float:right;}
.house{ width:631px; float:right;}
.house_title{height:42px;background:url(../images/img2.jpg) no-repeat top center;}
.house_title a{ display:block; width:50px; height:42px; float:right;}

.news ul{ padding-top:10px;}
.news ul li{border-bottom:1px #ccc dashed; margin-bottom:10px; margin-top:10px;}
.news ul li span{ font-size:14px;}
.news ul li span a:hover{color:#317EE3;}
.news ul li p{ margin:0px; padding:0px; color:#555; line-height:20px; padding-top:5px; padding-bottom:5px;}
.news ul li img{ float:left; padding-right:15px;}

.house ul{ padding-top:20px;}
.house ul li{ width:203px; float:left; margin-left:5px;}
.house ul li span{ text-align:center; font-weight:bold; line-height:25px;}
.house ul li img{ width:203px;height:151px;}
.house ul li p{margin:0px; padding:0px; color:#555; line-height:20px; }

.footer{ width:100%;background:url(../images/bottom_02_ygd0.png) no-repeat top center; margin-top:30px; }
.footer_nav{ width:600px; margin:0 auto; line-height:44px; text-align:center;}
.footer_nav_menu{ float:left; width:75px;}
.footer_nav_menu a{color:#fff; padding-left:10px;}
.footer_nav_menu a:hover{color:#fff;}
.footer_nav_line{ float:left;color:#fff;}
.footer_content{ text-align:center;color:#E3D6D6; line-height:25px;}




.content{ color:#fff;}

.news_public{ width:350px; float:left; margin-top:10px;}
.news_public h1{ height:37px; line-height:38px; background:url(../Images/news_title.jpg) no-repeat; color:#fff; font-size:14px; font-family:微软雅黑; padding-left:20px;}
.news_public h1 a{ display:block; width:60px;  height:37px; float:right;}
.news_public1{ width:350px; float:right;margin-top:10px;}
.news_public1 h1{ height:37px; line-height:38px; background:url(../Images/news_title.jpg) no-repeat; color:#fff; font-size:14px; font-family:微软雅黑; padding-left:20px;}
.news_public1 h1 a{ display:block; width:60px;  height:37px; float:right;}
.news_public_cont{border-left:1px #d1d1d1 solid;border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;}
.news_public_li{ font-size:12px; background:url(../Images/img01.jpg) no-repeat 25px center; line-height:30px; padding-left:40px;}
.news_public_li a{ color:#000;}
.news_public_li a:hover{ color:red;}
.public_first{ width:330px; margin:0 auto; padding-top:10px; border-bottom:1px #e1e1e1 dashed;}
.public_first img{ float:left; display:block; width:124px; height:91px; margin:5px;}
.public_first span{ font-size:13px; line-height:30px; display:block; font-weight:bold;}
.public_first span a{ color:#000;}
.public_first span a:hover{ color:red;}
.public_first i{ font-size:12px; line-height:25px;}


.list_link{ height:35px;font-size:12px; line-height:35px; border-bottom:dashed 1px #bbb; background:url(../images/dian3.jpg) no-repeat 5px center; padding-left:20px; overflow:hidden;}
.list_link a{ color:Black; }
.list_link a:hover{ color:Red;}
.list_link span{ float:right;}

/*分页*/
.pagestyle p{font-size:12px;padding-top:10px;}

#tags
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    height: 25px;
    overflow:hidden;

}
#tags LI
{
    float: left;
    list-style-type: none;
    height: 25px;
    width:80px;
    background:url(../images/menu2.jpg);
    margin-right:6px;
    margin-top:3px;
}
#tags LI A
{
    float: left;
    padding-bottom: 0px;
    color: #666;
     font-weight:bold;
    line-height: 25px;
    height: 25px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    cursor:pointer;
     width:100%;
    border:1px solid #ddd;
}
#tags LI.emptyTag
{
    background: none transparent scroll repeat 0% 0%;
    width: 4px;
}
#tags LI.selectTag
{
    background-position: left top;
    position: relative;
    height: 30px;
}
#tags LI.selectTag A
{
    border-bottom: 0;
    color: red;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}
#tagContent
{
    background-color: #fff;
}
.tagContent
{
    display: none;
    color: #000;
}
#tagContent DIV.selectTag
{
    display: block;
}


.list_pro1{ width:158px; height:241px; float:left;  text-align:center; margin:10px 10px 5px 20px; display:inline;}
.list_pro1 img{width:150px; height:190px; border:solid 1px #bbb; padding:3px;  background:#fff;}
.list_pro1 a{ font-size:12px; line-height:20px; color:#000; }
.list_pro1 a:hover{ color:red;}
.list_pro1 a:hover img{ border:solid 1px red;}
.aa{color:#000; font-size:12px;}
.aa a{color:#000;}



.list_pro11{ width:158px; height:221px; float:left;  text-align:center; margin:10px 35px 5px 35px; display:inline;}
.list_pro11 img{width:150px; height:190px; border:solid 1px #bbb; padding:3px;  background:#fff;}
.list_pro11 a{ font-size:12px; line-height:20px; color:#000; }
.list_pro11 a:hover{ color:red;}
.list_pro11 a:hover img{ border:solid 1px red;}



.list_pro{ width:192px; height:195px; float:left; text-align:center;  _display:inline; margin:0px 10px 0px 10px; line-height:30px;}
.list_pro img{width:190px; height:165px; border:solid 1px #bbb; padding:2px; background:#fff; display:block;}
.list_pro a{ font-size:12px; color:#000;}
.list_pro a:hover{ color:#F39800;}
.list_pro a:hover img{ border:solid 1px #F39800;}

.list_news1{ border-bottom:dashed 1px #ccc; padding-bottom:10px; margin-bottom:10px;}
.list_news1 span{ width:50px; display:block; float:left; text-align:center; margin-top:3px;}
.list_news1 span font{ color:#000; font-size:16px; font-family:Times New Roman; font-weight:bold;}
.list_news1 span i{ color:#000; font-size:14px; font-family:Times New Roman; font-style:normal; font-weight:bold;}
.list_news1 h2{ display:block; float:right; width:650px;}
.list_news1 h2 a{ color:#000; font-size:14px; line-height:36px;}
.list_news1 h2 a:hover{ color:red;}
.Description{ width:680px; display:block; float:right; font-size:12px; color:#666; line-height:24px;}

.list_pro2{width:182px; height:177px; float:left; text-align:center; margin:16px 20px 0 30px; _display:inline;}
.list_pro2 img{  width:180px; height:150px; border:solid 1px #bbb;background:#fff; display:block;}
.list_pro2 a{ font-size:12px; line-height:15px; color:#fff;}
.list_pro2 a:hover{ color:#F39800;}
.list_pro2 a:hover img{ border:solid 1px #F39800;}

.list_pro2_1{width:370px; height:157px; float:left; text-align:center; margin:16px 5px 0 10px; _display:inline;}
.list_pro2_1 img{  width:160px; height:140px; border:solid 1px #bbb;background:#fff; display:block; float:left;}
.list_pro2_1 p{display:block; float:left; width:180px; height:167px; font-size:12px; line-height:20px; margin:5px;}
.list_pro2_1 a{ font-size:12px; line-height:15px; color:#000;}
.list_pro2_1 a:hover{ color:red;}
.list_pro2_1 a:hover img{ border:solid 1px red;}


.font1{color:#666;font-size:13px;}
.font1:hover{color:red;}


.big_class{ height:30px; background:url(../images/bg_class1.jpg) no-repeat 20px center;overflow:hidden; cursor:pointer; padding-left:20px;}
.big_class_span{ width:22px; height:30px; display:block; float:left; background:url(../images/dot5.jpg) no-repeat center 9px;}
.big_class_span_off{ width:22px; height:30px; display:block; float:left; background:url(../images/dot6.jpg) no-repeat center 9px;}
.big_class a{ color:#333; font-weight:bold; font-size:12px; line-height:30px; display:block;}
.big_class a:hover{ color:#104996; font-weight:bold;}

.little_class{ height:22px;  padding-left:53px;}
.little_class a{ color:#333; font-size:12px; line-height:22px;}
.little_class a:hover{ color:red;}

.list_case{ width:159px; height:156px; float:left; text-align:center; margin:0 10px 0 20px;}
.list_case img{ width:160px; height:135px; border:solid 1px #bbb; padding:2px; background:#fff;}
.list_case a{ color:#000; font-size:12px; line-height:30px;}
.list_case a:hover{ color:Red;}

.bottom_news{width:770px; float:right;}

.QQbox {z-index:99;right:0;width:128px;height:128px;position:absolute;}
.QQbox .press{right:0;width:36px;cursor:pointer;position:absolute;height:128px;}
.QQbox .Qlist{left:0;width:131px;position:absolute;height:128px;background:url(http://www.codefans.net/jscss/demoimg/201107/floatServiceBj.gif) no-repeat left center;}
.QQbox .Qlist ul{padding:43px 0 0 21px;}
.QQbox .Qlist li{height:26px;margin-bottom:11px;_margin-bottom:7px; list-style-type:none;}

/*按钮控制滚动样式****/
 .blk_18
{
width: 976px;
overflow: hidden;
margin:0px auto;
}
 .blk_18 .pcont
{
width: 976px;
float: left;
overflow: hidden;
zoom: 1;
}
 .blk_18 .ScrCont
{
width: 32766px;
zoom: 1;
}
 .blk_18 #List1_1, .blk_18 #List2_1
{
 float: left;
}




.left{ width:12px; height:24px; float:left; background:url(../images/menu1.jpg) 0px 0px; margin-top:70px;  display:inline;}
.left a{ width:12px; height:24px; display:block;}
.left a:hover{background:url(../images/menu1.jpg) 0px -25px;}

.right{ width:12px; height:24px; float:right; background:url(../images/menu1.jpg) -13px 0px; margin-top:70px;  display:inline;}
.right a{ width:12px; height:24px; display:block;}
.right a:hover{background:url(../images/menu1.jpg) -13px -25px;}










/*永远用到的样式****/

.list5
{
    width: 98%;
    height: 30px;
    margin: 0px auto;
    border-bottom: dashed 1px #999;
    background: url(../images/dot2.gif) no-repeat left center;
    padding-left: 8px;
    overflow: hidden;
}

.font5
{
    font-size: 12px;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

.font5:hover
{
    color: #187ec9;
    text-decoration: none;
}

.title_4_5
{
    float: right;
    padding-right: 5px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    font-family: Tahoma;
}
.font5_5
{
    font-size: 12px;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

.font5_5:hover
{
    color: #187ec9;
    text-decoration: none;
}

.proIntro
{
    font-size: 14px;
    color: #000;
    line-height: 36px;
    padding: 10px;
    overflow: hidden;
}
.proTitle
{
    line-height: 25px;
    color: red;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}
.prodetail
{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    color: red;
    margin: 10px 0px;
    padding-left: 10px;
}
.proPic
{
    text-align: center;
    margin: 15px 0px 0px 0px;
}
.joblistT
{
    font-size: 14px;
    margin-bottom: 30px;
}
.caselist
{
    width: 168px;
    height: 158px;
    float: left;
    text-align: center;
    margin: 8px 0px 0px 15px;
    display: inline;
}
.caselist img
{
    width: 160px;
    height: 120px;
    border: solid 1px #bbb;
    padding: 3px;
    background: #fff;
}
.joblistL
{
    width: 20%;
    line-height: 30px;
    text-align: right;
    float: left;
}
.joblistR
{
    width: 75%;
    line-height: 30px;
    text-align: left;
    float: left;
}
.prev
{
    width: 80px;
    height: 30px;
    float: left;
    background: url(../images/dot_prev.gif);
    text-align: center;
    margin-top: 110px;
}
.prev a
{
    width: 80px;
    height: 30px;
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 30px;
}
.prev a:hover
{
    color: #000;
}
.next
{
    width: 80px;
    height: 30px;
    float: right;
    background: url(../images/dot_next.gif);
    text-align: center;
    margin-top: 110px;
}
.next a
{
    width: 80px;
    height: 30px;
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 30px;
}
.next a:hover
{
    color: #000;
}



.us {
    width: 770px;
}

.us_l {
    width: 770px;
    float: left;
    background-color: #ffffff;
    border: #cccccc solid 1px;
    margin-top: 10px;
}

.us_l_t {
    width: 770px;
    height: 35px;
    background: url(../images/us_t.jpg);
}

.us_l_tyy1123 {
    height: 30px;
    border-bottom: solid 3px #F06506;
    background: url(../images/about_1.jpg) no-repeat;
    line-height: 35px;
}

.us_l_t1 {
    width: 134px;
    height: 33px;
    float: left;
    background: url(../images/about_1.jpg) no-repeat;
    line-height: 35px;
}

.us_l_t2 {
    width: 636px;
    height: 33px;
    float: left;
    background: url(../images/about_r.jpg) repeat-x;
}

.us_l_b {
    width: 770px;
    line-height: 25px;
    font-size: 12px;
    padding-bottom:15px;
}

    .us_l_b span {
        color: #000;
        font-size: 12px;
        line-height: 24px;
    }

.us_r {
    width: 257px;
    height: 252px;
    float: right;
    margin-top: 10px;
    background-color: #ffffff;
    border: #cccccc solid 1px;
    background: url(../images/hot.jpg ) no-repeat;
}

.ad {
    width: 770px;
    height: 71px;
    border: #cccccc solid 1px;
    margin-top: 10px;
}

.new1 {
    width: 372px;
    float: left;
    margin-top: 10px;
    border: #cccccc solid 1px;
}

.new2 {
    width: 372px;
    float: right;
    margin-top: 10px;
    border: #cccccc solid 1px;
}

.new1_top {
    width: 372px;
    height: 30px;
    background: url(../images/new_t.jpg);
    line-height: 33px;
}

.new1_b {
    width: 372px;
}

.new_tu {
    width: 110px;
    height: 137px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

.new1_b2 {
    width: 240px;
    float: right;
}

.new1_h {
    width: 230px;
    height: 29px;
    border-bottom: #cccccc dotted 1px;
    line-height: 29px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.font3 {
    font-size: 14px;
    font-weight: bold;
    font-family: @Adobe 黑体 Std R;
    color: #ffffff;
    text-decoration: none;
}



.prc2 {
    width: 150px;
    height: 180px;
    float: left;
    margin-top: 10px;
    margin-left: 24px;
    margin-right:10px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 25px;
}



.font6 {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}




.font5 {
    font-size: 14px;
    font-weight: bold;
    font-family: @Adobe 黑体 Std R;
    color: #cc0000;
    text-decoration: none;
}



.font {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

    .font:hover {
        font-size: 12px;
        color: #ff3300;
        text-decoration: none;
    }
    

.title3 h1{ margin:0;padding:0;font-weight:normal; height:30px; line-height:30px;  background:url(../Images/dian3.jpg) no-repeat left center; border-bottom:1px dashed #fff; color:#fff; font-size:13px; font-family:微软雅黑; padding-left:12px;}
.nr_all{ padding-bottom:20px;}